<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>员工信息添加显示详细页</title>

    <meta name="description" content="Source code generated using layoutit.com">
    <meta name="author" content="LayoutIt!">

    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/style.css" rel="stylesheet">

  </head>
  <body>

    <div class="container-fluid">
	<div class="row">
		<div class="col-md-12">
			<div class="row">
				<table class="table">
						<thead>
							<tr class="success">
								<th>
									序号
								</th>
								<th>
									姓名
								</th>
								<th>
									年龄
								</th>
								<th>
									部门
								</th>
								<th>
									住址
								</th>	
								<th>
									身份证
								</th>
								<th>
									联系方式
								</th>
							</tr>
						</thead>
						<tbody>
						<!-- value:是改变前需要遍历的数据结果对象；
						     var：遍历出来的对象存在改变量中；
						     status：记录当前一些遍历状态的数据，奇数行odd，偶数even，序号index（从0开始）
						     使用  s：property 标签可以取出以上遍历的值
						 -->
						<s:iterator value="#session.lstEmployeeInfoBs" var="eachRow" status="st">
						<tr class='<s:if test="#st.odd">warning</s:if><s:else>active</s:else>'>
								<td>
									<s:property value="#st.index+1"/>
								</td>								
								<td>
									<s:property value="#eachRow.employeeName"/>
								</td>
								<td>
									<s:property value="#eachRow.employeeAge"/>
								</td>
								<td>
									<s:property value="#eachRow.employeeDempt"/>
								</td>
								<td>
									<s:property value="#eachRow.employeeAddress"/>
								</td>
								<td>
									<s:property value="#eachRow.employeeCardId"/>
								</td>
								<td>
									<s:property value="#eachRow.employeePhone"/>
								</td>															
							</tr>
						</s:iterator>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>

    <script src="../js/jquery.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/scripts.js"></script>
  </body>
</html>